<?php
defined('BASEPATH') or exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<title><?=$title?>-思品文档-slidepin.com</title>
	<meta name="keywords" content="">
	<meta name="description" content="<?=$summary?>">
	<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">
	<link rel="stylesheet" href="/static/css/base.css">
	<link rel="stylesheet" href="/static/css/common.css">
	<link rel="stylesheet" href="//at.alicdn.com/t/font_768387_6halbm1kqg6.css">
	<link rel="stylesheet" href="/static/css/slide.player.css">
	<link rel="stylesheet" href="/static/css/slide.item.css">
</head>
<body>
<?php $this->load->view('common/header');?>
<div id="container" class="layout-container clearfix">
	<!--main container start-->
	<main class="layout-main-container">
		<!--slide player start-->
		<div class="layout-slide-player" id="slidePlayer">
			<div class="player-box">
				<div class="layout-slide-stage">
					<div class="slide-layer slide-left-layer"></div>
					<div class="slide-layer slide-right-layer"></div>
					<div class="slide-loading-layer" id="J-slide-loading-layer">
						<img src="/static/images/Rolling-1s-200px.svg" width="64" height="64" class="loading" alt="">
					</div>
					<div class="player-scene" id="J-player-scene">
						<img src="https://slide.cdn.myslide.cn/708f3e6a8ebc039636c68ef9e3b2384838c17385/slide-10.jpg" alt="<?=$title?>">
					</div>
				</div>
				<div class="layout-slide-control-box">
					<div class="layout-slide-process-box">
						<div class="process-area">
							<span class="scale"></span>
						</div>
					</div>   
					<div class="layout-slide-panel clearfix">
						<div class="panel-bar fl"></div>
						<div class="panel-bar fr">
							<span id="J-shortcuts" class="shortcuts"><i class="iconfont icon-setup"></i></span>
							<span id="J-fullScreen" class="full-screen"><i class="iconfont icon-fullscreen"></i></span>
							<span id="J-exitFullScreen" class="exit-full-screen"><i class="iconfont icon-exitfullscreen"></i></span>
						</div>
						<div class="panel-bar play-bar">
							<span class="player-first" id="J-player-first"><i class="iconfont icon-first"></i></span>
							<span class="player-prev" id="J-player-prev"><i class="iconfont icon-prev"></i></span>
							<span class="player-count" id="J-player-count">1/35</span>
							<span class="player-next" id="J-player-next"><i class="iconfont icon-next"></i></span>
							<span class="player-last" id="J-player-last"><i class="iconfont icon-last"></i></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--slide player end-->
		<div class="layout-content-box my20">
			<div class="layout-info-box">
				<div class="layout-brief-box">
					<p class="campaign"><a href="/" target="_blank" title="DevLink 2018">DevLink 2018</a></p>
					<h1 class="subject"><?=$title?></h1>
					<summary class="introduce"><?=$summary?></summary>
				</div>
			</div>
			<div class="layout-detail-box">
				<div class="switchtab" id="J-switchtab">
					<div class="switchtab-trigger">
						<ul class="clearfix">
							<li class="tab-trigger switchable"><span>内容</span></li>
							<li class="tab-trigger"><span>评论</span></li>
						</ul>
					</div>
					<div class="switchtab-content">
						<div class="tab-content layout-article-box switchable">
							
							<div class="layout-article-content-box">
								<!--article detail start-->
								<article class="layout-article">
									<?=$content?>
								</article>
								<!--article detail end-->
							</div>
							<div class="layout-copyright-box">
								<p>本文由 <a href="#" class="author" target="_blank">@何为贵</a> 原创发布于Slidepin.com，未经许可，禁止转载。</p>
							</div>
							<section class="layout-action-box">
								<a href="javascript:;" class="action-bar action-like">
									<span class="action-block">
										<i class="action-icon iconfont icon-like"></i>
										<span class="action-name">喜欢</span>
										<em class="count">0</em>
									</span>
								</a>
								<a href="javascript:;" class="action-bar action-collect">
									<span class="action-block">
										<i class="action-icon iconfont icon-collect"></i>
										<span class="action-name">收藏</span>
										<em class="count">0</em>
									</span>
								</a>
							</section>
						</div>
						<div class="tab-content layout-comment-box">
							<div class="layout-no-comment-box">
								<div class="layout-no-comment"><i class="icon-no-record"></i>暂无评价</div>
							</div>
							<div class="layout-comment-brief-box">
								<h4><span class="comment-count">1</span>条评论 <small class="new-comment fr">添加新讨论</small></h4>
							</div>
							<!--comment list start-->
							<div class="layout-comment-list-box">
								<div class="comment">
									<div class="media-left">
										<a href="/profile/100733" class="avatar" data-user-pop="100733">
											<img onerror="image_error_handler(this)" data-fallback="imgs/img_default_avatar.png" src="http://i.chanpin100.com/152963149096947930-crop-90x90" alt="">
										</a>
									</div>
									<div class="media-body">
										<div class="user-info">
											<a class="username" href="/profile/100733">Darknesser</a>
										</div>
											<small class="comment-time">6小时前评论</small>
										<p class="comment-content">Mark</p>
										<a data-content-id="30967" data-comment-id="30967" data-user-id="100733" data-user-name="Darknesser" href="" class="reply  pull-right" data-etrack="点击文章／活动／讲堂详情“回复”">回复</a>
									</div>
								</div>
							</div>
							<!--comment list end-->
							<div class="layout-comment-action-box">
								<div class="layout-comment-editor">
									<form id="comment-form" class="form-group" novalidate="novalidate">
										<div id="coment-content-box">
											<textarea id="comment-content" name="comment" disabled="" cols="30" rows="3" placeholder="大牛，别默默的看了，快帮我点评一下吧！：)" required="" aria-required="true"></textarea>
										</div>
										<div class="user-panel clearfix">
											<span class="comment-tip fl"><a href="#" class="J-login">登录</a>后参与讨论</span>
											<div class="shortcut fr"><small>Ctrl+Enter 发表</small>
												<button type="submit" class="comment-btn" id="J-comment">发表</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		
		</div>
	</main>
	<!---main container end-->
	<!---side container start-->
	<aside class="layout-side-container">
		<div class="layout-profile-box">
			<div class="avatar-panel">
				<a href="/user/<?=$creator_id?>" class="avatar" target="_blank"><img src="<?=$avatar?>" alt=""></a>
			</div>
			<div class="author-panel">
				<span class="author-name"><?=$username?></span>
				<span class="author-tag">认证机构</span>
			</div>
			<div class="intro-panel">
				<p class="signature">他很懒，什么也没留下</p>
				<p class="intro"><?=$intro?></p>
			</div>
			<div class="slide-intro-panel">
				<ul class="slide-intro-list">
					<li class="item publish-time">
						<i class="iconfont icon-"></i>
						<span class="item-title">发布时间</span>
						<span class="fr"><?=$publish_date?></span>
					</li>
					<li class="item category">
						<i class="iconfont icon-"></i>
						<span class="item-title">文件分类</span>
						<span class="fr">技术/互联网/架构</span>
					</li>
					<li class="item pageview">
						<i class="iconfont icon-"></i>
						<span class="item-title">浏览量</span>
						<?php if(!empty($view_count)):?>
						<span class="fr"><?=$view_count?></span>
						<?php else:?>
						<span class="fr">N/A</span>
						<?php endif;?>
					</li>
					<li class="item download">
						<i class="iconfont icon-"></i>
						<span class="item-title">下载文件</span>
						<span class="fr">N/A</span>
					</li>
					<li class="item collect">
						<i class="iconfont icon-"></i>
						<span class="item-title">添加收藏</span>
						<span class="fr">N/A</span>
					</li>
					<li class="item share">
						<i class="iconfont icon-"></i>
						<span class="item-title">分享本页</span>
						<span class="fr"></span>
					</li>
				</ul>
				<div class="slide-action-list">
					<div class="download">
						<a href="/slides/download?" target="_blank" class="download-btn" id="J-download">
							<i class="iconfont icon-download"></i>
							点击下载
						</a>
					</div>
				</div>
			</div>
		</div>
	</aside>
	<!--side container end-->
	<ul id="eventList"></ul>
</div>
<?php $this->load->view('common/footer');?>
<script>
	var CONFIG=window.CONFIG||{};
	CONFIG.id=<?= $slide_id?>;
	CONFIG.isLogin=false;
	CONFIG.likeURL='/slide/like';
	CONFIG.collectURL='/slide/collect';
	CONFIG.commentURL='/slide/comment';
	CONFIG.userURL='/user';
</script>
<script src="/static/js/require.js" data-main="/static/js/slide.item.js"></script>
<script src="/static/js/require.config.js"></script>
<script>
    window.onload=function(){
        var _slidePlayer=new slidePlayer();
    }
</script>

</body>
</html>
